<template>
    <div id="OrdersBill">
        <v-details :detailData="inputData" :inputConfig="inputConfig"></v-details>
    </div>
</template>

<script>
    import details from 'commons/Detail'
    import baseMixin from "@/mixins/BaseMixin";

    export default {
        name: "OrdersBill",
        mixins: [baseMixin],
        props: {
            inputData: {
                type: Object
            }
        },

        data() {
            return {
                inputConfig: [
                    [
                        {
                            type: "input",
                            label: this.$t('out.orderkey'),
                            props: "orderkey",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('out.billtokey'),
                            props: "billtokey",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('out.b_vat'),
                            props: "b_vat",
                            disabled: true
                        },
                        {
                            type: "select",
                            label: this.$t('bill.countryCode'),
                            props: "b_isocntrycode",
                            options: this.getOptions("querycodeLkup/ISOCOUNTRY")
                        },
                    ],
                    [
                        {
                            type: "input",
                            label: this.$t('out.b_company'),
                            props: "b_company",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('out.carrieraddress',{no:1}),
                            props: "b_address1",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('out.carrieraddress',{no:2}),
                            props: "b_address2",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('out.carrieraddress',{no:3}),
                            props: "b_address3",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('out.carrieraddress',{no:4}),
                            props: "b_address4",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('out.carrieraddress',{no:5}),
                            props: "b_address5",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('out.carrieraddress',{no:6}),
                            props: "b_address6",
                            disabled: true
                        },
                    ],
                    [
                        {
                            type: "input",
                            label: this.$t('config.city'),
                            props: "b_city",
                        },
                        {
                            type: "input",
                            label: this.$t('config.provice'),
                            props: "b_state",
                        },
                        {
                            type: "input",
                            label: this.$t('config.postcode'),
                            props: "b_zip",
                        },
                        {
                            type: "input",
                            label: this.$t('config.contact'),
                            props: "b_contact1",
                        },
                        {
                            type: "input",
                            label: this.$t('app.email'),
                            props: "c_email2",
                        },
                    ]
                ],
            }
        },
        methods: {},
        mounted() {
        },
        components: {
            'v-details': details
        }
    }
</script>

<style scoped>

</style>

